<template>
<<<<<<< HEAD
=======
<<<<<<< HEAD
<!--  主页右侧竖着一列的组件，除了第一个为手写的html代码，后边全部为截图引用-->
=======
>>>>>>> 47b53261c8e91e7ca39280b9dc0f230d5a19dd33
>>>>>>> 36b4eaab32b312f7ed99e774a924af1f2e73a966
  <div id="ad-column">
    <div class="right-box1 rw">
      <div class="box-top">
        <div class="box1-left">
          <img src="@/assets/img/ad/icon1.png" alt="日历图标">
          <span>晚上好！</span>
        </div>
        <button class="box1-right">去签到</button>
      </div>
      <p class="box1-bottom">连续签到赢掘金惊喜好礼</p>
    </div>
    
    <div class="t right-box2">
      <img src="@/assets/img/ad/im1.png" alt="">
    </div>
    <div class="right-box3">
      <img src="@/assets/img/ad/im2.png" alt="">
    </div>
    <div class="right-box3">
      <img src="@/assets/img/ad/im3.png" alt="">
    </div>
    <div class="right-box3">
      <img src="@/assets/img/ad/im4.png" alt="">
    </div>
    <div class="right-box3">
      <img src="@/assets/img/ad/im5.png" alt="">
    </div>
    <div class="right-box3">
      <img src="@/assets/img/ad/im6.png" alt="">
    </div>
  </div>
</template>

<script>
export default {
  name:'Adcolumn',
  data () {
    return{

    }
  }
}
</script>

<style>
.rw{
  width: 200px;
  padding: 20px;
  background-color: #ffffff;
  border-radius: 5px;
}
.right-box1{
  height: 60px;
}
.box-top{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.box1-left{
  display: flex;
  align-items: center;
}
.box1-left span{
  color: #1d2129;
  font-size: 18px;
}
.box1-right{
  width: 72px;
  height: 32px;
  background-color: transparent;
  border: 1px solid #1E80FF;
  border-radius: 16px;
  color: #1E80FF;
  cursor: pointer;
}
.box1-bottom{
  color: #4e5969;
  font-size: 14px;
  margin-left: 19px;
  margin-top: 8px;
}
.right-box2{
  margin-top: 15px;
  width: 240px;
  cursor: pointer;
}
.right-box3{
  margin-top: 10px;
  width: 240px;
  cursor: pointer;
}

</style>